<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">
<head>
	<link rel="StyleSheet" type="text/css" href="/NextFm/style/style2.css" media="screen" />
	<link rel="shortcut icon" href="/NextFm/images/user.ico" />
	<title>
		<ui:insert name="pageTitle">
			<h:outputText value="NextFm"/>
		</ui:insert>
	</title>
</head>
<body>
	<f:loadBundle basename="nextfm.message.CustomMessages" var="msgs"/>
	<div id="outer">
	<div id="wrapper">
		<div id="header">
			<ui:insert name="header">
				<h1>NextFm</h1>
				<p><h:outputText value="#{msgs.slogan}" /></p>
			</ui:insert>
		</div>
		<div id="nav">
			<div id="head"></div>
			<div id="head-pip"></div>
			<ul>
				<ui:insert name="menu">
					<h:panelGroup rendered="#{sessionScope.usuario == null}" >
						<li id="m1" >
							<h:outputLink value="index.jsf">
								<h:outputText value="#{msgs.home}" />
							</h:outputLink>
						</li>
						<li id="m2" >
							<h:outputLink value="login.jsf">
								<h:outputText value="#{msgs.login}" />
							</h:outputLink>
						</li>
						<li id="m3" >
							<h:outputLink value="registrar.jsf">
								<h:outputText value="#{msgs.registrar}" />
							</h:outputLink>
						</li>
						<li id="m4" >
							<h:outputLink value="pesquisarMusicas.jsf">
								<h:outputText value="#{msgs.musicas}" />
							</h:outputLink>
						</li>
						<li id="m5" >
							<h:outputLink value="pesquisarArtistas.jsf">
								<h:outputText value="#{msgs.artistas}" />
							</h:outputLink>
						</li>
						<li id="m6" >
							<h:outputLink value="pesquisarAlbuns.jsf">
								<h:outputText value="#{msgs.albuns}" />
							</h:outputLink>
						</li>
					</h:panelGroup>
					<h:panelGroup rendered="#{sessionScope.usuario != null}" >
						<li id="m1" >
							<h:outputLink value="index.jsf">
								<h:outputText value="#{msgs.home}" />
							</h:outputLink>
						</li>
						<li id="m2" >
							<h:outputLink value="pesquisarMusicas.jsf">
								<h:outputText value="#{msgs.musicas}" />
							</h:outputLink>
						</li>
						<li id="m3" >
							<h:outputLink value="pesquisarArtistas.jsf">
								<h:outputText value="#{msgs.artistas}" />
							</h:outputLink>
						</li>
						<li id="m4" >
							<h:outputLink value="pesquisarAlbuns.jsf">
								<h:outputText value="#{msgs.albuns}" />
							</h:outputLink>
						</li>
						<li id="m5" >
							<h:outputLink value="opcoes.jsf">
								<h:outputText value="#{msgs.opcoes}" />
							</h:outputLink>
						</li>
						<li id="m6" >
							<h:form>
								<h:commandLink action="#{loginUsuarioBean.logoff}">
									<h:outputText value="#{msgs.sair}" />
								</h:commandLink>
							</h:form>
						</li>
					</h:panelGroup>
				</ui:insert>
			</ul>
			<ui:insert name="busca">
				<h:form>
					<div id="search">
						<h2>
							<h:outputText value="#{msgs.pesquisemusicas}" />
						</h2>
						<h:inputText class="text" value="#{pesquisaBean.musica}" id="q" />
						<h:commandButton value="#{msgs.buscar}" action="#{pesquisaBean.pesquisarMusicasIndex}" id="submit" class="submit" />
						<br />
					</div>
				</h:form>
			</ui:insert>
		</div>
		<div id="body">
			<div id="body-inner">
				<ui:insert name="conteudo">
					Conteudo
				</ui:insert>
			</div>
			<div id="copyright">
				<ui:insert name="rodape">
					<div id="copyright-left">
						<h:outputText value="#{msgs.copyright}"/>
						<br />
						<span style="text-align: right">
							<h:form>
								<h:commandLink action="#{localeBean.changeLocationEn}">
									<h:graphicImage style="border: none" url="/images/usa.png"></h:graphicImage>
								</h:commandLink>
								<h:commandLink action="#{localeBean.changeLocationPt}">
									<h:graphicImage style="border: none" url="/images/brasil.png"></h:graphicImage>
								</h:commandLink>
							</h:form>
						</span>
					</div>
				</ui:insert>
			</div>
			<div class="clear"></div>
		</div>
	</div>
</div>
</body>
</html>